<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function () {
            document.onkeydown=function (event) {
                 // console.log(event.keyCode);
                //可以通过keyCode来获取按键的编码 通过它可以判断哪个按键被按下了
                //判断x是否被按下了 编码显示88
            //     if (event.keyCode==88){
            //         console.log("x字母被按下了");
            //     }
            //     //判断y和ctrl同时按下
            //     if (event.keyCode==89&&event.ctrlKey){
            //         console.log("y和ctrl同时被按下")
            //     }
                var inputs=document.getElementsByTagName("input")[0];
                inputs.onkeydown=function (event) {
                event=event||window.event;
                //设置从0-9 这10个数字不在输入框里输入 不让输入数字
                    if (event.keyCode>=96 &&event.keyCode<=105){
                        console.log(event.keyCode);
                        return false;//取消默认行为 输入框里输入什么 就显示什么
                    }

                }
            };
            document.onkeyup=function () {
                // console.log("离开键盘");
            };
        }
    </script>
</head>
<body>
<script>
    /* 1. onkeydown 按键被按下
    *  2. onkeyup按键被松开
    *  3.按键事件一般都会绑定给一些可以获取到焦点的对象 比如Input或者是document
    *      可以通过keyCode来获取按键的编码 通过它可以判断哪个按键被按下了
    * 4.altKey
    * 5.ctrlKey
    * 6.shiftKey
    *   这三个用来判断alt ctrl shift是否被按下， 如果按下则返回true 否则返回false
    *  在文本框中输入内容，属于onkeydown的默认行为，如果在onkeydown中取消默认分行为 则输入内容不会出现在文本框中
    * */
</script>
<input  type="text" name="" id="">
</body>
</html>